<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			/*1.抓到页面的图片元素  */
			div{
				/* 4.过渡 */
				
				animation: heart .8s linear infinite;
			}
			/* 2.鼠标移动到图片上 */
			@keyframes heart {
				0%{transform:rotate(360deg);}
				30%{transform:rotate(450deg);}
				60%{transform:rotate(600deg);}
				100%{transform:rotate(750deg);
					}
		</style>
		
	</head>
	<body>
	<div>
		<!-- 1.引入大风车的图片以及音频 -->
		<img src="img/dfc.jpg" alt="大风车">
		<audio src="img/dafengche.mp3"autoplay controls loop></audio>
		</div>
	</body>
</html>